/*
 * @Author: your name
 * @Date: 2021-12-27 20:49:25
 * @LastEditTime: 2021-12-28 09:43:08
 * @LastEditors: LAPTOP-L472H14P
 * @Description: In User Settings Edit
 * @FilePath: \react-dnd-demo\src\Components\demo\DropSource.js
 */
import React, { Component } from 'react'
import SourceItem from './SourceItem'
export default class DropSource extends Component {
  state = {
    defaultList: [
      {
        name: 'html入门',
      },
      {
        name: 'css入门',
      },
      {
        name: 'javascript入门',
      },
    ],
  }
  render() {
    const { defaultList } = this.state
    return (
      <div
        style={{
          width: 400,
          height: 500,
          overflow: 'auto',
          backgroundColor: 'rgba(210,150,102,0.5)',
        }}
      >
        {defaultList.map((d) => (
          <SourceItem item={d} name="zhangsan" />
        ))}
      </div>
    )
  }
}
